import { createRouter, createWebHistory } from "vue-router";
import Home from "../views/Home.vue";
import Base64 from "../views/Base64.vue";
import Thumb from "../views/Thumb.vue";
import Progress from "../views/Progress.vue";
import Multi from "../views/Multi.vue";
import Darg from "../views/Darg.vue";
import Large from "../views/Large.vue";

const routes = [
  {
    path: "/",
    name: "home",
    component: Home,
  },
  {
    path: "/base64",
    name: "base64",
    component: Base64,
  },
  {
    path: "/thumb",
    name: "thumb",
    component: Thumb,
  },
  {
    path: "/progress",
    name: "progress",
    component: Progress,
  },
  {
    path: "/multi",
    name: "multi",
    component: Multi,
  },
  {
    path: "/drag",
    name: "drag",
    component: Darg,
  },
  {
    path: "/large",
    name: "large",
    component: Large,
  },
];

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
});

export default router;
